div.blogvidwrp { overflow: hidden; width: 100%; margin: auto; padding: 2% 0; }

#vcontainer { width: 100%; margin: auto; }


div.pcolwrp { overflow: hidden; }

div.pcolone { width: 70%; padding: 1%; margin: auto; }

div.pcolone img { width: 100%; }

div.pcoloner { width: 98%; padding: 1%; margin: auto; }

div.pcoloner img { width: 100%; }

div.pcoltwo { float: left; width: 49%; padding: 0.5%; }

div.pcoltwo img { width: 100%; }

div.pcolthr { float: left; width: 30%; padding: 1%; }

div.pcolthr img { width: 100%; }

div.pcolfour { float: left; width: 24%; padding: 0.5%; }

div.pcolfour img { width: 100%; }

div.dlogtxt { width: 60%; margin: auto; padding: 1% 0; }
div.dlogtxt p { text-align: center; }

div.recapdlog { width: 60%; margin: auto; padding: 1% 0; }

div.jtbook { width: 25%; padding: 3% 5%; margin: 5% auto; background: #F2F2F2; border: 1px solid #C7C7C7; font-size:small; }

div.jtbook img { width: 100%; }

@media only screen and (max-width: 800px){

div.pcolone { width: 65%; padding: 1%; margin: auto; }

div.pcolthr { width: 45%; }

div.pcolfour { width: 49%; }

div.jtbook { width: 30%; }}

@media only screen and (max-width: 550px){

div.pcolone { width: 95%; margin: auto; }

div.pcoltwo { float: none; width: 98%; margin: auto; }

div.pcolthr { float: none; width: 95%; margin: auto; }

div.pcolfour { float: none; width: 98%; margin: auto; }}